import React, { useEffect, useRef, useState } from "react";
import { Button } from "antd-mobile";
import { isValidArr } from "@/utils";
import classnames from "classnames";

const pageName = "noti";
const klassName = pageName.replace(/\./g, '-');

export default function NotiComp({children, content, header, actions, noti, mask = true}) {

  let [v, setV] = useState(true);
  let [h, setH] = useState(1);
  const cont = useRef();

  useEffect(() => {
    setH(cont.current?.offsetHeight - 60)
  }, [])

  return (
    <div className={classnames(`cp-${klassName}`, {noti})}>
      {/* {
        mask && <div className="mask" />
      } */}

      <div className="inner" ref={cont}>
        {children}

      </div>
    </div>
  )
}

